<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale = 1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src = './common/js/reset.js'></script>
    <link rel="stylesheet" href="./common/css/reset.css">
    <link rel="stylesheet" href="./css/appointmentListDetail.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <title>依米</title>
</head>
<body>
    <div class="header">
        <a class = "iconfont icon-jiantouyou" href="./appointment.html"></a>
        预约单详情
    </div>
    <div class="details">
        <h3>订单状态:<span>手术中</span></h3>
        <div class="detailContent">
            <ul class="detailName">
                <li>
                    <span>手术名称</span>
                    <b>虹膜周边切除术</b>
                </li>
                <li>
                    <span>就诊医院</span>
                    <b>复旦大学附属华山医院</b>
                </li>
                <li>
                    <span>拟主刀医生</span>
                    <b>张三峰</b>
                </li>
                <li>
                    <span>手术费用</span>
                    <b class="color">院内付费</b>
                </li>
                <li>
                    <span>预约时间</span>
                    <b>2018-05-28  上午
                        <span class="info">具体时间以预约确认时间为主</span>
                    </b>
                    
                </li>
            </ul>
            <ul class="detailMessage">
                <li>
                    手术信息
                </li>
                <li>
                    <span>主刀医生</span>
                    <b>张三峰</b>
                </li>
                <li>
                    <span>手术时间</span>
                    <b>2018-05-28 10:10</b>
                </li>
                <li>
                    <span>手术间</span>
                    <b>日间手术中心第三手术室</b>
                </li>
                <li>
                    <span>床位信息</span>
                    <b>日间3病房 058床</b>
                </li>
            </ul>
            <ul class="detailPatient">
                <li>
                    就诊人信息
                </li>
                <li>
                    <span>患者姓名</span>
                    <b>李思琪</b>
                </li>
                <li>
                    <span>身份证号</span>
                    <b>4201**********3999</b>
                </li>
                <li>
                    <span>手机号</span>
                    <b>135****3478</b>
                </li>
                
            </ul>
            <ul class="detailSource">
                <li>
                    <span>来源</span>
                    <b>手术预约单</b>
                </li>
                <li>
                    <span>依米订单号</span>
                    <b>ys-20180528-151928</b>
                </li>
                <li>
                    <span>下单时间</span>
                    <b>2018-05-10 19:52:36</b>
                </li>
                
            </ul>

        </div>
        <div class="progress">
            <p>进度跟踪</p>

        </div>
        <div class="panel">
            <ul class="panelMessage">
               <li class="operationDone">
                    <i>1</i>
                   <h4>预约下单</h4>
                   <p>2018-04-01 12:00:00</p>
               </li>   
               <li class="operationDone">
                    <i>2</i>
                   <h4>预约处理</h4>
                   <p>2018-04-02 12:00:00</p>
               </li>  
               <li class="operationDone">
                    <i>3</i>
                   <h4>术前确认</h4>
                   <p>2018-04-29 12:00:00</p>
               </li>
               <li class="panelOperation operating">
                    <i>4</i>
                   <h4>手术进度</h4>
                   <p>
                       <span>当前进度:</span>
                        <b>手术中 2018-05-28</b>
                   </p>
                   <ul class="operationDetail">
                       <li>
                            <span>手术报道:</span>
                            <b>09: 00</b>
                        </li>
                        <li>
                            <span>手术准备间:</span>
                            <b>09: 45</b>
                        </li>
                        <li>
                            <span>手术中:</span>
                            <b>10: 00</b>
                            <span class="operation">已用时:</span>
                            <span class="time">25分</span>
                        </li>
                        <li>
                            <span>麻醉复苏:</span>
                            <b>11: 25</b>
                        </li>
                        <li>
                            <span>留房观察:</span>
                            <b>11: 25</b>
                        </li>
                   </ul>
                </li>  
                <li>
                    <i>5</i>
                   <h4>手术出院</h4>
                   <p>2018-05-30 12:00:00</p>
               </li>  
            </ul>
        </div>


    </div>
    <script src="./lib/jquery-1.11.3.min.js"></script>
    <script src="./js/appointmentListDetail.js"></script>
</body>
</html>
